﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>仪表</title>
    <script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
    <script type="text/javascript" src="./js/gauge.js"></script>
</head>
<body style="background-color:#21304c">
    <button style="width:100px;height:50px;" onclick="test()">触发</button>
    <div id="test" style="width:200px;height:200px;">
    </div>
    <script type="text/javascript">
        //仪表标题
        var title = "螺柱焊合格率";
        $("#test").lu_word(title);
        function test() {
            //目标值
            var progress = Math.random();
            //参数1：仪表值<=1
            //参数2：中间显示的值<=1
            $("#test").setWord(progress, progress);
        }
    </script>
</body>
</html>